<template>
  <div class="student">
      <h2>学生姓名：{{name}}</h2>
      <h2>学生年龄：{{age}}</h2>
      <button @click="sendStudentName">点我发送学生姓名</button>
  </div>
</template>

<script>

  export default {
    name: 'Student',
    data(){
      return{
        name:'zhangsan',
        age: 18,
      }
    },
    methods:{
      sendStudentName(){
        this.$bus.$emit('getStudentName',this.name)
      }
    }
  }
</script>

<style scoped>
  .student {
    background-color: orange;
    padding: 10px;
  }
</style>